<template>
  <el-dialog :visible.sync="loading ? loading : $store.state.globalLoading" :width="width" append-to-body :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" class="loading-dialog" top="40vh">
    <el-row type="flex" justify="center">
      <div style="width:80px; height:80px" v-loading="true" element-loading-text="数据加载中"/>
    </el-row>
  </el-dialog>
</template>
<script lang="ts">
import { Vue, Component, Prop, Watch } from "vue-property-decorator";

@Component
export default class SelectUserController extends Vue {
  @Prop()
  protected loading!: boolean;
  @Prop({default: "300px"})
  protected width!: string;
}
</script>
<style lang="scss">
.loading-dialog {
  .el-dialog__header {
    padding: 0;
  }
}
</style>

